@charset "utf-8";

#mainbody{ margin-left:auto; margin-right:auto; width:956px; min-height:100px;margin-top:50px;}

.khung-info{ border:1px solid #C4CDE0; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom-width:2px; background-color:white; margin-bottom:10px;}

#left-col-info{float:left; display:block; width:515px;}

#right-col-info{float:right; display:block; width:330px; margin-right:80px;}


.ico-job{ background-image:url(../IMG/pic.png); height:16px; width:16px; background-position:-61px -74px; display:inline-block; background-size:auto; margin-right:5px;}

.ico-living{ background-image:url(../IMG/living.png); height:16px; width:15px; background-position: -304px -631px; display:inline-block; margin-right:5px;}

.ico-rela{ background-image:url(../IMG/edit.png); background-position:-644px -38px; display:inline-block; height:16px; width:16px;}

.ico-contact{ background-image:url(../IMG/contact.png); width:16px; height:12px; display:inline-block;}

.ico-pencil{ background-image:url(../IMG/edit.png); display:inline-block; background-position:-557px -4px; width:10px; height:14px; margin-right:5px;}

.ico-born{ background-image:url(../IMG/edit.png); background-position:-112px -87px; display:inline-block; width:9px; height:13px; margin-right:5px;}

.btn-edit{ border:1px solid #A6A6A6; padding:5px 5px 5px 5px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; font-weight:bold; color:#333333;}
.btn-edit:active{ border-color:#9DACCC;}

.job-edu{float:left;position:absolute; margin-left:40px;}
.job{ margin-top:50px;}
.edu{ margin-top:20px;}

.khung{display:block; height:76px; width:74px; border:1px solid #C5CDE1; background-color:#ECEFF5;}
.khung:hover{ cursor:pointer; border-color:#9DACCB;}
.khung:active{ background-color:#D8DEEB;}

.khung img{ margin-top:22px; margin-left:23px;}

.tieude{ position:absolute; margin-left:90px; width:200px; margin-top:-50px; display:inline-block;}
.tieude a{ font-size:13px; color:#3B5998; font-weight:bold;}
.tieude a:hover{ text-decoration:underline;}

.work-edu{float:left;width:515px; height:261px; padding-right:15px; padding-top:15px;}

.add-r{ position:absolute; float:left; width:325px; height:110px; padding-top:15px; }

.add-about{ float:left; position:relative; width:325px; height:auto; margin-top:137px;}

.head-td{width:90px; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#999999}


.about-you{ width:418px; height:100px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:205px; margin-left:410px;}

.favourite{ width:418px; height:100px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:620px; margin-left:410px;}

.rela{ width:318px; height:60px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:627px; margin-left:170px; }

.edit-job{ width:418px; height:100px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:50px; margin-left:70px; }

.edit-living{ width:418px; height:100px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:340px; margin-left:70px; }

.edit-contact{ width:418px; height:110px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:440px; margin-left:410px; }

.edit-basic{ width:418px; height:80px; padding:15px 15px 15px 15px; border:1px solid #8C8C8C; background-color:white; position:absolute; margin-top:290px; margin-left:410px; }

.text-aboutyou{ width:320px; height:75px; float:left;}

.arrow-box{background-image:url(../IMG/arrow.png);background-position:-82px 0; display:inline-block; position:absolute; width:20px; height:11px;margin-top:-25px;margin-left:390px;}
.bong{-moz-box-shadow: 3px 3px 5px #1f1a1f;
-webkit-box-shadow: 3px 3px 5px #1f1a1f;
box-shadow: 3px 3px 5px #1f1a1f;}

.bogoc{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px;}

.postAbout{background-color:transparent; border:none; border-color:transparent; display:inline-block; color:white; cursor:pointer; height:32px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; text-align:center;margin-right:10px; margin-top:2px; vertical-align:central; }

.p-about{background-image:url(../IMG/demo.png);background-position:-1px -441px; border:1px solid #29447E; height:20px; cursor:pointer; color:white; width:50px; font-weight:bold;}
.p-about:active{background:#4f6AA3;border-bottom-color:#29447E; font-weight:bold;}





